Brand Ideation
Experimented with logo and type treatment, utilizing the original branding color (red) of Red Onion.
Before: What it was
The original website for Red Onion was cluttered with patterns and imagery and made it difficult to navigate. Their menus were uploaded PDFs and were not suited for browsing on mobile devices.
The original website for Red Onion was cluttered with patterns and imagery and made it difficult to navigate. Their menus were uploaded PDFs and were not suited for browsing on mobile devices.
The Process
I began coding with basic HTML structure with the existing web content, then continued to style the page with CSS. I used a bold, red aesthetic (derived from the original "Red Onion" logo) to give the page a familiar look that did not depart too much from the original branding. I simplified the hierarchy of the content to help users digest content in more "bite-sized" chunks.
After: The Redesigned Page
A main problem with the original site was its incompatibility with mobile devices. For this reason, I focused on mobile-friendly formatting before moving onto a responsive desktop version. The final design still utilizes bold typography, imagery, and the iconic red from Red Onion's branding, but the interface and hierarchy is simplified to help consumption on mobile devices.
Thank you!
